<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建你的 Apple ID - Apple (中国大陆)</title>
    <link rel="icon" href="imgs/apple.ico">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/register.css">
    <link rel="stylesheet" href="fontawesome-pro-5.15.3-web/css/all.min.css">
    <link rel="stylesheet" href="libs/swiper-bundle.min.css">
</head>

<body style="overflow-y:scroll;">
    <nav class="top-nav">
        <div class="container">
            <ul class="nav-list font_14px">
                <li><a href="index.html"><i class="fab fa-apple"></i></a></li>
                <li><a href="store.html">商店</a></li>
                <li><a href="mac.html">Mac</a></li>
                <li><a href="iPad.html">iPad</a></li>
                <li><a href="iPhone.html">iPhone</a></li>
                <li><a href="Watch.html">Watch</a></li>
                <li><a href="Music.html">Music</a></li>
                <li><a href="Tec.html">技术支持</a></li>
                <li><a href="javascript:;" id="search-btn"><i class="fal fa-search"></i></a></li>
                <li><a href="javascript:;" id="bag-a-btn"><i class="fal fa-shopping-bag"></i>
                        <span class="bag-goods-num">2</span></a>
                    <aside class="bag-wrapper" style="display: none;">
                        <ul class="bag-goods-list">
                            <div class="angle"></div><!-- 不合理 但是设置了绝对定位 对布局不影响 -->
                            <li class="goods-item">
                                <a href="goods-desc.html">
                                    <img src="./imgs/store/iphone-13-pro-blue-select.png" alt="">
                                    <span class="font_14px">iPhone 13 Pro 128GB 远峰蓝色</span>
                                </a>
                            </li>
                            <li class="goods-item">
                                <a href="javascript:;">
                                    <img src="./imgs/store/imac-24-blue-selection-hero-202104.png" alt="">
                                    <span class="font_14px">24 英寸配备 4.5K 视网膜显示屏的 iMac - 蓝色</span>
                                </a>
                            </li>
                        </ul>
                        <a href="javascript:;" class="white check-btn bold">
                            结账
                        </a>
                        <nav class="bagview-nav">
                            <ul class="bag-view-nav-list">
                                <li><a href="bag.html" class="blue-more font_12px"><i
                                            class="fal fa-shopping-bag"></i>购物袋</a></li>
                                <li><a href="javascript:;" class="blue-more font_12px"><i
                                            class="fal fa-heart"></i>收藏</a></li>
                                <li><a href="javascript:;" class="blue-more font_12px"><i class="fal fa-cube"></i>订单</a>
                                </li>
                                <li><a href="javascript:;" class="blue-more font_12px"><i class="fal fa-cog"></i>账户</a>
                                </li>
                                <li><a href="javascript:;" class="blue-more font_12px"><i
                                            class="fas fa-user-circle"></i>注销 文龙</a></li>
                            </ul>
                        </nav>
                    </aside>
                </li>
                <li class="search-outter-wrapper" style="display: none;">
                    <div class="search-inner-wrapper">
                        <form action="get" class="search-form">
                            <button type="button"><i class="fal fa-search"></i></button>
                            <input type="text" placeholder="搜索 apple.com.cn" />
                            <button type="button" id="cancel-search" class="pointer"><i
                                    class="fal fa-times"></i></button>
                        </form>
                        <aside class="search-list-wrapper">
                            <h3 class="quick-links">快速链接</h3>
                            <a href="javascript:;" class="font_12px">查找零售店</a>
                            <a href="javascript:;" class="font_12px">Apple Store 商店在线选购</a>
                            <a href="javascript:;" class="font_12px">配件</a>
                            <a href="javascript:;" class="font_12px">Airpods</a>
                            <a href="javascript:;" class="font_12px">AirTag</a>
                        </aside>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
    <section class="fixed-search">
        <div class="search-outter-wrapper">
            <div class="search-inner-wrapper">
                <form action="get" class="search-form">
                    <input type="text" placeholder="搜索 apple.com.cn" id="fixed-search-text" />
                    <button type="button" class="pointer"><i class="fal fa-search"></i></button>
                </form>
                <aside class="search-list-wrapper" style="display: none;">
                    <h3 class="quick-links">快速链接</h3>
                    <a href="javascript:;" class="font_12px">查找零售店</a>
                    <a href="javascript:;" class="font_12px">Apple Store 商店在线选购</a>
                    <a href="javascript:;" class="font_12px">配件</a>
                    <a href="javascript:;" class="font_12px">Airpods</a>
                    <a href="javascript:;" class="font_12px">AirTag</a>
                </aside>
            </div>
            </li>
    </section>
    <section class="mask-layer" style="display: none;"></section>
    <section class="nav-tips font_14px">
        <div class="container">
            <p>
                选择灵活的分期付款方案，最长可享 24 个月免息分期
                <sup>5</sup>。<a href="javascript:;" class="blue-more">进一步了解 &gt;</a>
            </p>

        </div>
    </section>

    <section class="register-banner">
        <img src="imgs/register/register-banner.png" alt="">
    </section>
    <section class="register-intro">
        <p class="black-more">只需一个Apple ID，您即可访问 Apple 所有内容</p>
        <p class="black-more">已有 Apple ID ？<a href="javascript:;" class="blue-more"> 在此查找 &gt;</a></p>
    </section>
    <section class="form-container">
        <form action="index.html" method="get" class="container" id="submit_form">  
            <div class="container form-inner-container">
                <p class="name-wrapper w460">
                    <input type="text" name="usn" id="first-name">
                    <input type="text" name="psw" id="last-name">
                    <span class="hide-placeholder-name-1">
                        姓氏
                    </span>
                    <span class="hide-placeholder-name-2">
                        名字
                    </span>
                </p>
                <p class="region-subtitle font_12px w460 warning warning-name">
                    <i class="fal fa-exclamation-circle"></i>&emsp; 请输入正确的姓名。
                </p>
                <p class="region-subtitle font_14px  w460">
                    国家或地区
                </p>
                <p class="region-list w460">
                    <select class="w460">
                        <option value="中国大陆">中国大陆</option>
                        <option value="阿尔巴尼亚">阿尔巴尼亚</option>
                        <option value="阿尔及利亚">阿尔及利亚</option>
                        <option value="阿富汗">阿富汗</option>
                        <option value="阿拉善">阿拉善</option>
                        <option value="阿拉伯">阿拉伯</option>
                        <option value="美国">美国</option>
                        <option value="韩国">韩国</option>
                        <option value="中国香港">中国香港</option>
                        <option value="中国台湾">中国台湾</option>
                    </select class="w460">
                </p>
                <p class="birth-date w460">
                    <input type="text" name="birthDate" id="birth-date" class="w460">
                    <span class="hide-placeholder-name-1">
                        出生日期
                    </span>
                </p>
            </div>
            <div class="container form-inner-container">
                <p class="id-wrapper w460">
                    <input type="email" name="email" id="email-text" class="w460">
                    <span class="hide-placeholder-name-1">
                        name@example.com
                    </span>
                <p class="region-subtitle font_12px w460 warning warning-email">
                    <i class="fal fa-exclamation-circle"></i>&emsp;输入有效的电子邮件地址以用作您的 Apple ID。
                </p>
                </p>
                <p class="region-subtitle font_14px bold w460">
                    这是您的新 Apple ID。
                </p>
                <p class="password-text w460">
                    <input type="password" name="psw" id="psw-1" class="w460">
                    <span class="hide-placeholder-name-1">
                        密码
                    </span>
                </p>
                <p class="password-text-sec w460">
                    <input type="password" name="psw-sec" id="psw-2" class="w460">
                    <span class="hide-placeholder-name-1">
                        确认密码
                    </span>
                <p class="region-subtitle font_12px w460 warning warning-psw">
                    <i class="fal fa-exclamation-circle"></i>&emsp; 您输入的密码不匹配。
                </p>
                </p>
            </div>
            <div class="container form-inner-container">
                <p class="region-list w460">
                    <select class="w460" disabled style="background-color: rgb(252, 252, 252);">
                        <option value="中国大陆">+86 (中国大陆)</option>
                    </select class="w460">
                </p>
                <p class="phone w460">
                    <input type="tel" name="tel" id="tel" class="w460">
                    <span class="hide-placeholder-name-1">
                        电话号码
                    </span>
                </p>
                <p class="region-subtitle font_14px w460">
                    中国大陆的 Apple ID 必须与一个经验证的中国电话号码相关联。
                </p>
                <p class="qWay w460">
                    <span style="display:inline-block;line-height: 70px;vertical-align:top;padding-right: 15px;">验证方式
                        :</span>
                    <label><input type="radio" name="qway"><span
                            style="display:inline-block;line-height: 70px;vertical-align:top;padding-right: 15px;">短信</span></label>
                    <label> <input type="radio" name="qway"><span
                            style="display:inline-block;line-height: 70px;vertical-align:top;">语音来电</span></label>
                </p>
            </div>
            <div class="container form-inner-container">
                <p class="w460 checkbox-wrapper">
                    <label class="cf pointer">
                        <input type="checkbox" name="choice">
                        <span>公告</span>
                        <span class="font_12px">获取有关 Apple 产品、服务和软件的公告、推荐和更新。</span>
                    </label>
                    <label class="cf pointer">
                        <input type="checkbox" name="choice">
                        <span>App、音乐、电视节目以及更多内容</span>
                        <span class="font_12px">获取有关 App、音乐、电影、电视节目、图书、播客、Apple Pay 等的最新发布、独家内容、特别优惠和推荐。</span>
                    </label>

                </p>
            </div>
            <div class="container form-inner-container">
                <p class="w460 code-wrapper">
                    <img src="imgs/register/q-code-pic1.png" alt="">
                    <input type="text" placeholder="键入图中的字符">

                <div class="code-operate w460">
                    <a href="javascript:;" class="blue-more font_14px">
                        <i class="fal fa-redo"></i>
                        新代码
                    </a>
                    <a href="javascript:;" class="blue-more font_14px">
                        <i class="fal fa-volume-up"></i>
                        视力障碍
                    </a>
                </div>
                </p>

            </div>
            <div class="icon-container">
                <i class="fad fa-restroom"></i>
            </div>
            <div class="text-field">
                <p class="font_12px">
                    您的 Apple ID 信息被用于确保您能够安全登录并访问您的数据。出于安全性、支持和报告的目的，Apple 会记录您的某些使用情况数据。
                    <a href="javascirpt:;" class="blue-more font_12px">了解数据的管理方式。</a>
                </p>
            </div>
            <input type="button" class="pointer" value="提交">
        </form>
    </section>
   
    
    <footer>
        <div class="footnotes-content">
            <div class="foot-path">
                <span><a href="javascript:;"><i class="fab fa-apple"></i></a></span>
                <span class="font_12px">&gt;</span>
                <span class="font_12px">Apple Store</span>
            </div>
        </div>
        <div class="footer-nav container">
            <ul class="footer-nav-list">
                <li class="font_12px bold">选购及了解</li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Mac</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">iPad</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">iPhone</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Apple Watch</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Music</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">iTunes</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">HomePod</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">iPod touch</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">配件</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">充值卡</a></li>
            </ul>
            <ul class="footer-nav-list">
                <li class="font_12px bold">Apple Store 商店</li>
                <li class="font_12px"><a href="javascript:;" class="black-more">查找零售店</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">在线选购</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Genius Bar 天才吧</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Today at Apple</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">青少年活动</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Apple Store App</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">翻新和优惠</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">分期付款</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Apple Trade In 换购计划</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">订单状态</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">选购帮助</a></li>
            </ul>
            <ul class="footer-nav-list">
                <li class="font_12px">
                    <span class="bold">教育应用</span>
                    <ul>
                        <li class="font_12px"><a href="javascript:;" class="black-more">Apple 与教育</a></li>
                        <li class="font_12px"><a href="javascript:;" class="black-more">高校师生选购</a></li>
                    </ul>
                </li>
                <li class="font_12px">
                    <span class="bold" style="margin-top: 15px;">商务应用</span>
                    <ul>
                        <li class="font_12px"><a href="javascript:;" class="black-more">Apple 与商务</a></li>
                        <li class="font_12px"><a href="javascript:;" class="black-more">商务选购</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="footer-nav-list">
                <li class="font_12px">
                    <span class="bold">账户</span>
                    <ul>
                        <li class="font_12px"><a href="javascript:;" class="black-more">管理你的 Apple ID</a></li>
                        <li class="font_12px"><a href="javascript:;" class="black-more">Apple Store 账户</a></li>
                    </ul>
                </li>
                <li class="font_12px">
                    <span class="bold" style="margin-top: 15px;">Apple价值观</span>
                    <ul>
                        <li class="font_12px"><a href="javascript:;" class="black-more">辅助功能</a></li>
                        <li class="font_12px"><a href="javascript:;" class="black-more">环境责任</a></li>
                        <li class="font_12px"><a href="javascript:;" class="black-more">隐私</a></li>
                        <li class="font_12px"><a href="javascript:;" class="black-more">供应商责任</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="footer-nav-list">
                <li class="font_12px bold">关于 Apple</li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Apple 咨询</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">工作机会</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">Newsroom</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">商业道德与合规性</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">活动</a></li>
                <li class="font_12px"><a href="javascript:;" class="black-more">联系 Apple</a></li>
            </ul>
        </div>
        <div class="footer-more-info font_12px container">
            更多选购方式: <a href="javascript:;" class="black-more">查找你附近的 Apple Store 零售店</a>及
            <a href="javascript:;" class="black-more">更多门店</a>,或者致电 400-666-8800 。
        </div>
        <div class="footer-policy container font_12px">
            Copyright &copy; Apple lnc. 保留所有权利。
            <a href="javascirpt:;" class="font_12px black-more">隐私政策</a>
            <a href="javascirpt:;" class="font_12px black-more">使用条款</a>
            <a href="javascirpt:;" class="font_12px black-more">销售政策</a>
            <a href="javascirpt:;" class="font_12px black-more">法律信息</a>
            <a href="javascirpt:;" class="font_12px black-more">网站地图</a>
        </div>
    </footer>
    <script src="js/jquery.min.js"></script>
    <script src="js/common/common.js"></script>
    <script src="js/register/register.js"></script>
</body>

</html>